.foot {
            /* margin-top: 7.5px; */
            /* margin-bottom: 7.5px; */
            /* margin-left: 5%; */
            /* position: fixed; */
            box-sizing: border-box;
            width: 100%;
            /* height: 1.7rem; */
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
        
        .left a {
            line-height: 0.5rem;
            color: #1E3754;
        }
        
        .left .left1 {
            position: absolute;
            left: 0.1rem;
            top: 0.25rem;
        }
        
        .left :nth-child(1) span {
            line-height: 0.5rem;
            color: #fff;
        }
        
        .top {
            height: 4.5rem;
            width: 100%;
            box-sizing: border-box;
            font-size: 0.3rem;
            /* border: 3px dashed rgb(25, 179, 182); */
            position: relative;
            border-radius: 10px;
            padding: 0.3rem;
            margin-bottom: 0.3rem;
            background-color: #fff;
        }
        
        .shorthand {
            padding: 0;
            flex: 1;
        }
        
        .hr {
            background-color: rgba(95, 132, 247, 1);
            width: 1.5px;
            height: 0.04rem;
            float: right;
            margin-left: 6px;
            animation: liner 1s ease-in-out;
            animation-iteration-count: infinite;
            animation-direction: alternate;
        }
        
        .hr1,
        .hr4,
        .hr7,
        .hr10,
        .hr13,
        .hr16,
        .hr19,
        .hr22,
        .hr25 {
            animation-delay: -2s;
        }
        
        .hr2,
        .hr5,
        .hr8,
        .hr11,
        .hr14,
        .hr17,
        .hr20,
        .hr23,
        .hr26 {
            animation-delay: -1s;
        }
        
        .hr3,
        .hr6,
        .hr9,
        .hr12,
        .hr15,
        .hr18,
        .hr21,
        .hr24 {
            animation-delay: -1.5s;
        }
        
        @keyframes liner {
            0% {
                transform: scaleY(1);
            }
            100% {
                transform: scaleY(6);
            }
        }
        
        .start {
            width: 100%;
            height: 100%;
        }
        /* WebKit browsers */
        
         ::-webkit-input-placeholder {
            color: #D8E6FE;
        }
        /* Mozilla Firefox 4 to 18 */
        
         :-moz-placeholder {
            color: #D8E6FE;
            opacity: 1;
        }
        
         ::-moz-placeholder {
            color: #D8E6FE;
            opacity: 1;
        }
        
         :-ms-input-placeholder {
            color: #D8E6FE;
        }
        
        .mui-toast-container {
            top: 50%
        }
        
        .clipboardContent {
            position: relative;
            display: flex;
            /* background-color: rgb(255, 255, 255); */
            /* height: 100%; */
        }
        
        .output_box {
            background-color: rgb(255, 255, 255);
            height: 100%;
            /* border: 1px solid #D8E6FE; */
            border: none;
            color: #333;
            padding: 10px 6px;
        }
        
        .clipboardContent img {
            width: 0.3rem;
        }
        
        .form {
            height: calc(100% - 2.1rem);
            /* background: #fff; */
            flex: 1;
            overflow-y: scroll;
            /* overflow: auto; */
            border-radius: 0 0 15px 15px;
            /* margin: 0.2rem 0.2rem 0.2rem; */
        }
        
        .voice-list,
        .voice-list li {
            display: none;
        }
        
        .is-dialog {
            overflow: hidden;
        }
        
        .is-dialog .dialog {
            filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
            /* opacity: 0.7; */
            /* z-index: 1111; */
        }
        
        .is-dialog .dialog {
            filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        }
        
        .Btn {
            display: flex;
            justify-content: space-between;
            /* padding: 0.2rem 0.3rem; */
            /* background: #fff; */
            align-items: center;
            flex-wrap: wrap;
        }
        
        .uldis {
            display: flex;
            flex-direction: column;
            justify-content: center;
            flex-wrap: wrap;
            margin: 0;
            padding: 0;
            align-items: center;
        }
        
        .btn_r {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .Btn_l {
            display: flex;
        }
        
        .last_Btn {
            width: .7rem;
            height: .7rem;
            margin-left: .4rem;
        }
        
        .img_box {
            width: .7rem;
            height: .7rem;
        }
        
        .title_img {
            margin: 0 10px;
            width: .4rem;
            height: .4rem;
        }
        
        .title_img img {
            width: 100%;
            height: 100%;
        }
        
        .titleName {
            color: #1E3754;
            width: 90%;
            font-weight: bold;
            font-size: 18px;
        }
        
        .btn_l_img {
            width: .6rem;
            height: .6rem;
        }
        
        .btn_l_img img {
            width: 100%;
            height: 100%;
        }
        
        .aaa {
            width: 100%;
            height: 100%;
            display: flex;
            background-color: #F6F7F9;
            border-radius: 8px;
            flex-direction: column;
        }

        .content_wrapper {
            width: 100%;
            display: flex;
            flex-direction: column;
            flex: 1;
            overflow:scroll;
           
        }
        
        .content_wrapper .header_title {
            padding: .3rem .3rem .5rem;
        }
        
        .title_inp {
            width: 50%;
        }
        
        .title_inp input {
            border: none !important;
        }
        
        .van-popup--center {
            border-radius: 12px;
            width: 80%;
            padding: 10px;
            display: flex;
            justify-content: space-around;
            flex-direction: column;
            height: 20%;
        }
        
        .van-cell {
            align-items: center;
            padding: 10px 2px 10px 5px;
            justify-content: space-between;
        }
        
        .van-cell input[type=text] {
            margin: 0;
            padding: 5px 10px
        }
        
        .van-field__label {
            margin: 0px;
            width: 1rem;
            font-size: 15px;
        }
        
        .form_btn {
            display: flex;
            justify-content: space-around;
        }
        
        .form_btn .qx {
            background-color: rgba(45, 52, 60, 0.08);
            border-radius: 48px;
            font-family: PingFang SC;
            color: rgba(45, 52, 60, 0.8);
        }
        
        .form_btn .tj {
            background-color: #5f84f7;
            color: #fff;
            border-radius: 48px;
        }
        
        .van-button--normal {
            padding: 4px 8px;
            font-size: 14px;
        }
        
        
        .xuxian {
            border: 1px rgba(45, 52, 60, 0.04) dashed;
            background-color: none;
        }
        
        .curtainVoice {
            display: none;
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: rgba(0, 0, 0, 0.3);
            /* -moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	transition: all 1s ease; */
            /* filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); */
            z-index: 9999;
            overflow: hidden;
        }
        
        .title_header {
            color: rgba(95, 132, 247, 1);
            font-size: 14px;
            margin-bottom: -15px;
            font-weight: 600;
        }
        
        .text_box {
            white-space: pre-wrap;
            word-break: break-word;
            background-color: none;
            font-size: 14px;
            line-height: 25px;
            font-weight: 400;
            color: rgba(45, 52, 60, 1);
        }
        
        .centent_wrapper {
            width: 90vw;
            padding:0 .3rem;
        }
        
        #targetDiv {
            /* flex:1; */
            /* overflow:scroll; */
        }
        
        .highlight {
            color: red;
        }
        
        .sliderClass {
            padding-left: 5px;
            height: 25px;
        }
        
        .audioControl {
            background-color: #f9fbfa;
            width: 100%;
            height: 1rem;
            display: flex;
            align-items: center;
            border-radius:  0 0 12px 12px;
        }
        
        .errorMask {
            text-align: center;
            width: 100%;
            background-color: #e3dfdf;
            opacity: .1;
            height: 100%;
            position: absolute;
            top: 0%;
            left: 0;
            z-index: 109;
        }
        
        .errorText {
            color:grey;
            font-weight: bold;
            font-size: 18px;
            text-align: center;
            width: 100%;
            position: absolute;
            top: 48%;
            left: 0;
            z-index: 200;
        }
        
        .audioClose {
            position: absolute;
            top: 46%;
            right: 19%;
            font-size: 25px;
            z-index: 999;
        }
        
        .musicPlay {
            display: flex;
            width: 100%;
            /* height: 70px; */
        }
        
        .playControl {
            display: flex;
            align-items: center;
            user-select: none;
            width: 100%;
            /* margin-top: 12px; */
            justify-content: space-between;
            /* padding-top: 5px; */
            padding:0 5px;
            /* width: 320px;
            height: 40px; */
        }
        .playBox {
            display: flex;
            align-items: center;
            user-select: none;
            width: 40%;
            /* margin-top: 12px; */
            /* justify-content: space-between; */
            /* padding-top: 5px; */
            padding-left: 5px;
            /* width: 320px;
            height: 40px; */
        }
        
        .audioVolSpan {
            margin-right: 10px;
            margin-left: 32%;
        }
        .audioSpan{
            margin: 0 .3rem;
            width: 0.5rem;
            height: .5rem;
        }
        .audioSpan,
        .audioVolSpan {
            color: #333;
            font-size: 24px;
            /* margin-right: 30px; */
            cursor: pointer;
        }
        
        .speed {
            font-size: 16px;
        }
        
        .sliderVolumClass {
            display: inline-block;
            width: 25%;
        }
        
        .mySelect .el-input__suffix {
            display: none;
            /* 隐藏下拉框箭头 */
        }
        
        .mySelect .el-select__input,
        .mySelect .el-select__input.is-focus,
        .mySelect .el-input__inner {
            border: none;
            /* 取消边框 */
        }
        .el-input--suffix .el-input__inner {
    padding-right: 0px !important;
}
        .mySelect .input[type=color],
        input[type=text],
        select,
        textarea {
            background-color: #fff;
            /* 设置背景颜色 */
        }
        
        .mySelect .el-select-dropdown {
            font-size: 16px;
            font-weight: bold;
            /* 设置下拉框中文字的大小 */
        }
        
        .mySelect .el-input__inner {
            font-size: 16px;
            font-weight: bold;
            /* 设置下拉框中文字的大小 */
            padding-bottom: 15px;
        }

        .loading-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* background-color: rgba(255, 255, 255, 0.7);  */
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999; /* 确保 loading 容器在其他内容上方显示 */
        }

        [v-cloak] {
            display: none;

        }

        /* .el-scrollbar {
            > .el-scrollbar__bar {
                opacity: 1 !important;
            }
        } */

        .van-dropdown-item__content {
            width: 1.2rem; /* 设置你想要的宽度 */
        }

        .van-ellipsis{
            font-size: 16px;
            font-weight: bold;
        }

        .van-dropdown-menu__bar {
            box-shadow: none;
            background-color: #f9fbfa;
        }
        .van-dropdown-item__content .van-cell{
          background: #f9fbfa;
        }
        
        .van-dropdown-menu__title::after{
            border: none;
        }
        .van-overlay {
            /* background: none !important; */
            top:-.2rem;
            left: 0;
        }
        .playBox .van-overlay {
            background: none !important;
            top:-.2rem;
            left: 0;
        }
        .van-popup--bottom {
            bottom: 0.2rem;
            left: 0.2rem;
            /* border:1px solid #ccc; */
        }
        .abstract{
            position: absolute;
            top: 1.7rem;
            right: -1.3rem;
            text-align: center;
            font-size: 12px;
            width: 2rem;
            height: .8rem;
            /* z-index: 9999; */
            border-radius: 10px;
            color: #fff;
            line-height: 1.4;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all .5s;
        }
        .abstractUnfold{
          right: 0;
          transition: all .5s;
        }
        .abstract .znzy{
          width: 100%;
          height: 100%;
          background: url(../image/znzy.png) no-repeat;
          background-size: 100% 100%;
          display: flex;
          align-items: center;
          padding-left: 6px;
        }
        .abstract .znzy img{
          width: .5rem;
          height: .5rem;
        }
        .content-abstract{
            height: 40vh;
            overflow: auto;
            border: none;
            margin: 0;
        }
        .dialog-title{
            padding: 0.3rem;
            border-bottom: 1px solid #eee;
            text-align: center;
        }
        .dialog-content{
            padding: 0.3rem;
            line-height: 1.5;
        }
        .dialog-foot{
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.3rem;
        }
        .dialog-foot-icon{
            width: 0.4rem;
            height: .4rem;
            margin-right: 0.4rem;
        }
        .dialog-foot-icon:nth-child(3), .dialog-foot-icon:nth-child(4){
          width: .96rem;
          height: .56rem;
          margin-right: 0;
        }
        .dialog-foot-icon:nth-child(3){
            margin-right: 0.2rem;
        }
        .van-dialog {
            /* border: 1px solid #ccc; */
            /* box-shadow: #eae8e8de 0px 0px 3px 3px; */
        }
        .editBtn {
            width: 45%;
            height: 36px;
        }
        .edit_title_input input{
      background-color: #F0F3F8;
    }
    .form_btn {
      display: flex;
      justify-content:center;
    }
    .form_btn .van-button{
      flex: 1;
    }
    .form_btn .van-button:nth-child(1){
      /* margin-right: 20px; */
    }
